<template>
  <div class="menu">
    <div
      class="container menu-frame row row-cols-1 row-cols-sm-2 row-cols-lg-3"
    >
      <div class="menu-panel" v-for="item in 4">
        <div class="menu-title co-light">一级分类</div>
        <div class="menu-fast">
          <nuxt-link class="menu-past co-light ac-bg" to="/menu/1"  v-for="item in 4">
            <span>二级分类</span>
          </nuxt-link>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      //title:"分类列表"
    };
  },
  async asyncData(that) {
    return{
      title:"分类列表"
    }
  },
};
</script>
<style lang="less" scoped>
@import "./menu.less";
</style>